<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U-确认订单</title>
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/remScale.js"></script>
    <link rel="stylesheet" href="./css/order.css">
    <link rel="stylesheet" href="./css/public.css">
</head>
<body>
    <div class="contain">
        <header class="header">
            <div class="left">
                <a href="#"><img src="./images/public/arrow.jpg" alt=""></a>
            </div>
            <div class="center">
                <h2>确认订单</h2>
            </div>
            <div class="right">
                <span></span>
                <span></span>
                <span></span>
            </div>       
        </header>
        <div class="floor1 wrap">
            <p class="p1">
                <i>收货人：YouSu</i> <span>10000000000</span>
            </p>
            <p class="p2">
                <a href="#">收货地址：北京市海淀区隐泉路清林苑6号楼中共优就业总部3层 <span class="arrow">
                    <img src="./images/order/arrow.jpg" alt="">
                </span></a>
            </p>
        </div>
        <hr class="hr2">
        <div class="floor2 wrap">
            <table>
                <tr>
                    <td><a href="#"><img src="./images/order/shop.jpg" alt=""></a></td>
                    <td>
                        <p class="p1">雅诗兰黛护肤霜</p>
                        <p class="p2">规格：50g</p>
                    </td>
                    <td>
                        <p>&yen;<span>120.00</span></p>
                    </td>
                </tr>
                <tr>
                    <td>购买数量:</td>
                    <td></td>
                    <td><div class="box">
                        <span>-</span>
                        <span>1</span>
                        <span>+</span>
                    </div></td>
                </tr>
                <tr>
                    <td>配送方式:</td>
                    <td></td>
                    <td>XX快递</td>
                </tr>
            </table>
        </div>
        <hr class="hr2">
        <div class="floor3 wrap">
            <div class="top">
                <span>优惠券</span>
                <a href="#">无可用</a>
            </div>
            <div class="bottom">
                <span>使用积分</span>
                <ul>
                    <li>
                        <input type="text" placeholder="输入积分">
                    </li>
                    <li><a href="#">使用</a></li>
                    <li>可用<i>50</i>积分</li>
                </ul>
            </div>
        </div>
        <hr class="hr2">
        <div class="floor4 wrap">
            <div class="box">
                <ul>
                    <li>
                        <span>商品金额</span>
                        <i>&yen;68.00</i>
                    </li>
                    <li>
                        <span>运费</span>
                        <i>+ &yen;0.00</i>
                    </li>
                    <li>
                        <span>优惠券</span>
                        <i>- &yen;0.00</i>
                    </li>
                    <li>
                        <span>会员优惠</span>
                        <i>- &yen;0.00</i>
                    </li>
                    <li>
                        <span>积分抵扣</span>
                        <i>- &yen;0.00</i>
                    </li>
                </ul>
            </div>
        </div>
        <div class="floor5 wrap">
            <div class="top">
                <p>实付金额:  <span>&yen;68.00</span></p>
            </div>
            
            <div class="bottom">
                <a href="#">提交订单</a>
            </div>
        </div>
        <div class="blank"></div>
        <footer class="footer">
            <div class="left">
                <a href="#"><img src="./images/public/icon_8.jpg" alt="">
                </a><p>首页</p>
                
            </div>
            <div class="center">
                <a href="#"><img src="./images/public/icon_9.jpg" alt="">
                </a>
                <p>购物车</p>
            </div>
            <div class="right">
                <a href="#"><img src="./images/public/icon_5.jpg" alt="">
                </a>
                <p>我的</p>
                
            </div>
        </footer>
    </div>
</body>
</html>